@media (max-width: 100vh) {

.vasat{margin: 80% auto auto;}
.nesf{width: 100%; display: inline-block; height: 100vh;}
.toonesf{width: 100%; display: inline-block; height: 100%;overflow: clip;position: relative;}
.axraast{ display: inline-block; height: 100%;position: absolute;transform: translate(50%);right: 50%;}
.axchap{ display: inline-block; height: 100%;position: absolute;transform: translate(50%);left: 50%;}
.matnchap{font-size: 3vh; width: 100%; display: inline-block; text-align: center;top: 50%;position: relative;}
.matnchap2{font-size: 2vh; width: 100%; display: inline-block; text-align: center;top: 50%;position: relative;}
.matnchap3{font-size: 2vh; width: 100%; display: inline-block; text-align: center;top:75%;position: relative;}
.matnchap4{font-size: 2vh; width: 100%; display: inline-block; text-align: right;padding: 5vh;position: relative; white-space: break-spaces;}
.matnchap5{font-size: 1.5vh; width: 100%; display: inline-block; text-align: right;padding: 0 5vh;position: relative;white-space: break-spaces;}
.matnchap6{font-size: 3vh; width: 100%; display: inline-block; text-align: right;padding: 0 5vh;position: relative;white-space: break-spaces;}
.matnchap7{font-size: 5vh; width: 100%; display: inline-block; text-align: right;padding: 5vh;position: relative; white-space: break-spaces;}
.matnchap8{font-size: 7vh; width: 100%; display: inline-block; text-align: right;padding: 5vh;position: relative; white-space: break-spaces;}

}



.matn {
  font-size: 2vh;
  color: #77573e;
  /*! border: solid 0.1vh #cdab8f; */
  width: 80vw;
  max-width: 70vh;
  padding: 1vh 3vh;
  margin: 0 auto;
display: block;
  text-align: center;
    }
.matn2 {
  font-size: 2vh;
  color: #77573e;
  /*! border: solid 0.1vh #cdab8f; */
  width: 80vw;
  max-width: 100vh;
  margin: 20vh auto 0;
display: block;
  text-align: center;
    }
.matn3 {
  font-size: 1.5vh;
  color: #77573e;
  /*! border: solid 0.1vh #cdab8f; */
  width: 80vw;
  max-width: 100vh;
  margin: 0 auto;
display: block;
  text-align: center;
    }